<template>
  <div>
    <h1>hello vue</h1>
  </div>
</template>

<script>
export default {
  // 1、挂载阶段
  // 真DOM挂载前触发
  beforeMount(){
    // 获取不到真实DOM
    console.log("beforeMount", document.querySelector("h1"));
  },
  // 真实DOM挂载成功后触发
  mounted(){
    // 可以获取到真实DOM
    // 一般在这里来操作DOM ，也可以发起ajax请求
    console.log("mounted", document.querySelector("h1"));
  }
}
</script>

<style>

</style>